<!DOCTYPE html>
<html>
    
    <head>
        <meta charset="utf-8">
        <title>
            X-admin v1.0
        </title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="format-detection" content="telephone=no">
        <link rel="stylesheet" href="__PUBLIC__/admin/css/x-admin.css" media="all">
    </head>
    
    <body>
        <div class="x-body">
            <form class="layui-form">
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">
                        <span class="x-red">*</span>开户人
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="bank_name" required lay-verify="required" placeholder="开户人姓名" autocomplete="off" class="layui-input" value="{$bank.bank_name}">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>开户人姓名
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_username" class="layui-form-label">
                        <span class="x-red">*</span>开户地址
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="bank_addr" required lay-verify="required" placeholder="开户详细地址" autocomplete="off" class="layui-input" value="{$bank.bank_addr}">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>开户详细地址 格式：广州天河区xxx村农业银行分行
                    </div>
                </div>
                <div class="layui-form-item">
                    <label for="L_username" class="layui-form-label">
                        <span class="x-red">*</span>开户银行
                    </label>
                    <div class="layui-input-inline" style="width: 190px;">
                        <select name="bank" id="" required lay-verify="required">
                            <option value="" selected>{$bank.bank}</option>
                            <option value="中国工商银行">中国工商银行</option>
                            <option value="中国农业银行">中国农业银行</option>
                            <option value="中国建设银行">中国建设银行</option>
                            <option value="中国银行">中国银行</option>
                            <option value="交通银行">交通银行</option>
                            <option value="招商银行">招商银行</option>
                            <option value="中国民生银行">中国民生银行</option>
                            <option value="浦发银行">浦发银行</option>
                            <option value="中信银行">中信银行</option>
                            <option value="兴业银行">兴业银行</option>
                            <option value="光大银行">光大银行</option>
                            <option value="平安银行">平安银行</option>
                            <option value="广发银行">广发银行</option>
                        </select>
                    </div>                  
                </div>
                <div class="layui-form-item">
                    <label for="L_email" class="layui-form-label">
                        <span class="x-red">*</span>银行卡号
                    </label>
                    <div class="layui-input-inline">
                        <input type="text" name="bank_num" required lay-verify="required" placeholder="银行卡号" autocomplete="off" class="layui-input" value="{$bank.bank_num}">
                    </div>
                    <div class="layui-form-mid layui-word-aux">
                        <span class="x-red">*</span>银行卡号
                    </div>
                </div>

                <div class="layui-form-item">
                    <label for="L_repass" class="layui-form-label">
                    </label>
                    <input type="hidden" name="uid" value="{$id}">
                    <button  class="layui-btn" lay-filter="save" lay-submit="">更新</button>
                </div>
            </form>
        </div>
        <script src="__PUBLIC__/admin/lib/layui/layui.js" charset="utf-8">
        </script>
        <script src="__PUBLIC__/admin/js/x-layui.js" charset="utf-8">
        </script>
        <script>
            layui.use(['form','layer'], function(){
                $ = layui.jquery;
              var form = layui.form()
              ,layer = layui.layer;
            
              //自定义验证规则
              // form.verify({
              //   nikename: function(value){
              //     if(value.length < 3){
              //       return '昵称至少得3个字符啊';
              //     }
              //   }
              //   ,pass: [/(.+){6,12}$/, '密码必须6到12位']
              //   ,repass: function(value){
              //       if($('#L_pass').val()!=$('#L_repass').val()){
              //           return '两次密码不一致';
              //       }
              //   }
              // });

              //监听提交
              form.on('submit(save)', function(data){
                //console.log(data);
                //发异步，把数据提交给php
                $.ajax({
                    url: "{:U('admin/laoshi/bank_edit')}",//请求地址
                    type: "post",//请求方式
                    dataType: "json",//返回数据类型
                    data: data.field,//发送的参数
                    })
                    .done(function(response) {
                          if(response.error==0){
                             layer.msg(response.info ,{icon:5});

                          }else{
                            layer.alert(response.info, {icon: 6},function () {
                                // 获得frame索引
                                var index = parent.layer.getFrameIndex(window.name);
                                //关闭当前frame
                                parent.layer.close(index);
                            });
                          }
                      })
                    .fail(function() {
                        alert("ajxs交互失败");
                    })  

                return false;
              });
              
              
            });
        </script>
    </body>

</html>